//0.导入vueRouter
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

// 1. 定义 (路由) 组件。
// 可以从其他文件 import 进来
import find from '../views/find.vue'
import home from '../views/home.vue'
import play from '../views/play.vue'


// 2. 定义路由规则
// 每个路由应该映射一个组件。 其中"component" 可以是
// 通过 Vue.extend() 创建的组件构造器，
// 或者，只是一个组件配置对象。
// 我们晚点再讨论嵌套路由。
const routes = [
  {
    path:'/',
    name:'home',
    component:home
  },{
    path:'/find',
    name:'find',
    component:find
  },
  {
    path:'/play',
    name:'play',
    component:play
  },

]

// 3. 创建 router 实例，然后传 `routes` 配置
// 你还可以传别的配置参数, 不过先这么简单着吧。
const router = new VueRouter({
  routes // (缩写) 相当于 routes: routes
})


//导出路由
export default router